<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Farrer Drive - Developer</title>

        <!-- Mobile viewport optimisation -->
        <meta name="viewport" content="width=1280">
        <link href="css/styles.css" rel="stylesheet" type="text/css"/>
        <script src="lib/jquery-1.7.1.min.js"></script>
        <script src="js/custom.js"></script>
    </head>
    <body>
        <script>
            $(document).ready(function(){
                $('#logoarea1').attr('coords',($('.center_image').width()-$('.center_image').width()*10/100)+','+(634/992*$('.center_image').width()-$('.center_image').width()*10/100)+','+$('.center_image').width()*10/100);
            })
        </script>
        <div class="wrapper">
            <div id="header">
                <img alt="" id="logo" onclick="window.location.href = './'"  src="images/logo.gif" />
            </div>
            <div id="main">

                <div class="slide-container">
                    <div class="menu">
                        <ul>
                            <li>
                                <span><a onclick="return movePage(this)" href="./">Home</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="design.html">Design</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="location.html">Location</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="gardens.html">The Gardens</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="facilities.html">Facilities</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="interior.html">Interior</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="floorplans.html">Floor Plans</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="gallery.html">Gallery</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="contactus.html">Contact us</a></span>
                            </li>
                            <li id="menu-active">
                                <span><a onclick="return movePage(this)" href="developer.html">Developer</a></span>
                            </li>
                        </ul>
                    </div>
                    <div class="images-container">
                        <img onclick="window.open('http://www.singland.com.sg')" title="" usemap="#image_map" width="75%" style="float: left;cursor: pointer;" class="flexible center_image" alt="Farrer Drive" src="images/developerprofile1.png"/>
                        <img onclick="window.open('http://www.v-on-shenton.com.sg')" title="" width="15%" style="float: left;cursor: pointer;" class="flexible" alt="Farrer Drive" src="images/dev_city_VONSHENTON.png"/>
                        <img onclick="window.open('http://www.mon-jervois.com.sg')" title="" width="15%" style="float: left;cursor: pointer;" class="flexible" alt="Farrer Drive" src="images/dev_city_monjervois.png"/>
                        <img title="" width="15%" class="flexible" alt="Farrer Drive" src="images/dev_city_trizon.png"/>
                        <img onclick="window.open('http://www.alex.com.sg')" title="" width="15%" style="float: left;cursor: pointer;" class="flexible" alt="Farrer Drive" src="images/dev_city_alex.png"/>
                        <map name="image_map">
                            <area shape="circle" onclick="window.open('http://www.singland.com.sg/')" coords="1,1,1" href="#" id="logoarea1"/>
                        </map>
                    </div>
                </div>
            </div>
            <div id="footer">
                <!--                <img src="images/footer-text.png" style="float: right; width: 70%; margin-right: 44px; margin-top: 36px;"/>-->
                <div style="float: left; width: 50%;text-align: center">
                    <!--                    <img width="" alt="Farrer Drive" src="images/logos.jpg"　/>-->
                </div>
            </div>
        </div>
        <div class="light-box">
            <div class="light-box-background" onclick="hideLightBox()">

            </div>
            <div class="light-box-content location-content">
                <img width="100%" alt="Farrer Drive" src="images/location-lightbox.jpg"　/>
            </div>
        
        </div>
    </body>
</html>
